<!DOCTYPE html>
<html>
	<head>
	<!-- 	3.新制作一个注册页面，要求
		      3.1 要求包含用户名，密码，性别，学院，爱好，自我介绍及提交按钮
		      3.2 包含:输入框，密码框，单选框，多选框，文本域，下拉列表
		      3.3 每个需要提交的标签都要有name值
		      3.4 按照name的方式查找各个元素
		      3.5 按照标签的方式查找各个元素 -->
		<meta charset="utf-8">
		<title>注册</title>
	</head>
	<body>
		<form action="#" method="get">
			用户名:<input type="text" name="userName" id="" value="" /><br>
			密码:<input type="password" name="password" /><br>
			性别:<input type="radio" name="gender" id="" value="man" />男
				<input type="radio" name="gender" id="" value="woman" />女<br>
			学院:<select name="college">
				<option value="software">软件工程学院</option>
				<option value="xz">信息与制造学院</option>
				<option value=education>教育与艺术学院</option>
				<option value="nurse">医学护理学院</option>
			</select><br>
			爱好：<input type="checkbox" name="like" id="" value="sing" />唱歌
				 <input type="checkbox" name="like" id="" value="exercise" />运动
				 <input type="checkbox" name="like" id="" value="dance" />跳舞<br>
			<table border="0" cellspacing="0" cellpadding=0>
				<tr><td>自我介绍:</td>
				<td><textarea name="intro" rows="10" cols="15"></textarea></td></tr>
			</table><br>
			<input type="submit" value="提交按钮"/>
		</form>
		<button id="get_form_byName">获取formbyName</button>
		<button id="get_form_byTag">获取formbyTag</button>
	</body>
	<script type="text/javascript">
		function findFormByName(){
			console.log("S 获取formByName")
			console.log(document.getElementsByName("userName"))
			console.log(document.getElementsByName("password"))
			console.log(document.getElementsByName("gender"))
			console.log(document.getElementsByName("college"))
			console.log(document.getElementsByName("like"))
			console.log(document.getElementsByName("intro"))
			console.log("Y 获取formByName")
			}
			document.getElementById("get_form_byName").onclick=findFormByName;
		function findFormByTag(){
			console.log("S 获取formByTag")
			console.log(document.getElementsByTagName("input"))
			console.log(document.getElementsByTagName("select"))
			console.log(document.getElementsByTagName("table"))
			console.log(document.getElementsByTagName("textarea"))
			console.log("Y 获取formByTag")
		}
		    document.getElementById("get_form_byTag").onclick=findFormByTag;
	</script>
</html>
